<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>大票票</title>
	<link rel="stylesheet" href="../../../public/css/bootstrap.min.css">
	<link rel="stylesheet" href="../../../public/css/layout.css">
	<link rel="stylesheet" href="../../../public/css/home.css">
	<script type="text/javascript" src="../../../public/js/vue.js"></script>
</head>
<body>
#{header user:user/}
		<article>
		<div class="banner-wrap">
			<a href="#"></a>
		</div>
		<div class="center-wrap center">
			<div class="tab-centent">
				<div class="movie-list">
					<div class="tab-control line">
						<h4>正在热映</h4>
						<a href="../../../html/film.html">查看全部</a>
					</div>
					<div class="container">
						<ul id="home-hot" class="row">
							<movie-modele v-for="item in items" :movie-data="getData($index)"></movie-modele>
						</ul>
					</div>
				</div>
				<div class="movie-list">
					<div class="tab-control line">
						<h4>即将上映</h4>
						<a href="../../../html/film.html">查看全部</a>
					</div>
					<div class="container">
						<ul id="home-up" class="row">
							<movie-modele v-for="item in items" :movie-data="getData($index)"></movie-modele>
						</ul>
					</div>
				</div>

								<script type="text/x-template" id="tem-movie">
								<li class="movie-card col-md-3 col-sm-4 col-xs-4">
									<a href="/kingticket/movie/detail?id={{movieData.id}}" class="movie-link">
										<div class="movie-tag">
											<i class="i-new"></i>
										</div>
                                        <div class="movie-img">
                                            <img src="{{movieData.img}}">
                                        </div>
										<div class="movie-name">
											<span>{{movieData.name}}</span>
											<span>{{movieData.score}}</span>
										</div>
										<div class="movie-info">
											<div class="movie-mask"></div>
											<div class="movie-dec">
												<span>导演：{{movieData.diretor}}</span>
					                            <span>主演：{{movieData.actors}}</span>
					                            <span>类型：动作 冒险 科幻</span>
					                            <span>地区：美国</span>
					                            <span>语言：英语</span>
					                            <span>片长：113分钟</span>
											</div>
										</div>
									</a>
									<a href="#" class="movie-buy">选座购票</a>
								</li>
								</script>
			</div>
		</div>
		<div class="process-wrap"></div>
		<div class="movie-guide center">
			<h3 class="line">新手观影指南</h3>
			<!-- <div class="movie-calender"></div>
			<div class="movie-post"></div> -->
			<div class="day-guide center">
			<div id="calendar">
				<div class="month">
					<ul>
						<li @click="pickPre(currentYear,currentMonth)" class="arrow"><</li>
						<li @click="pickYear(currentYear,currentMonth)" class="year-month">
							<span class="chooseyear">{{currentYear}}</span>
							<span class="choosemonth">{{currentMonth}}月</span>
						</li>
						<li @click="pickNext(currentYear,currentMonth)" class="arrow">></li>
					</ul>
					<ul class="weekdays">
						<li>日</li>
						<li>一</li>
						<li>二</li>
						<li>三</li>
						<li>四</li>
						<li>五</li>
						<li>六</li>
					</ul>
					<ul class="days">
						<li v-for="day in days" @click="pick(day)">
							<span v-if="day.getMonth()+1 != currentMonth" class="other-month">{{day.getDate()}}</span>
							<span v-else>
								<span v-if="day.getFullYear()==new Date().getFullYear() && day.getMonth()==new Date().getMonth() && day.getDate()==new Date().getDate()" class="active">{{day.getDate()}}</span>
								<span v-else>{{day.getDate()}}</span>
							</span>
						</li>
					</ul>
				</div>
			</div>
		<div class="movie-day" id="cal-day">

			<a href="#" class="movie-link">
				<div class="movie-img">
				</div>
				<div class="movie-name">
					<span>{{item.name}}</span>
					<span>{{item.score}}</span>
				</div>
				<div class="movie-info">
					<div class="movie-mask"></div>
					<div class="movie-dec">
                        <span>导演：{{item.diretor}}</span>
                        <span>主演：{{item.actors}}</span>
                        <span>类型：动作 冒险 科幻</span>
                        <span>地区：美国</span>
                        <span>语言：英语</span>
                        <span>片长：113分钟</span>
					</div>
				</div>
				<a href="#" class="movie-buy">
					<span>{{calendar.formatDate(date.getFullYear(),date.getMonth()+1,date.getDate())}}</span>
					<span>上映一部</span>
				</a>
			</a>
		</div>

		</div>
	</div>
	</article>
	<footer>
		<div class="center foot-wrap">
			<div class="foot-middle">
				<h1>淘票票</h1>
				<dl>
					<dt>选座购票流程</dt>
					<dd><a href="#">选择影片和场次</a></dd>
					<dd><a href="#">选择中意的座位</a></dd>
					<dd><a href="#">支付并收到取票短信</a></dd>
				</dl>
				<dl>
					<dt>取票流程</dt>
					<dd><a href="#">收到取票短信</a></dd>
					<dd><a href="#">影院自助取票</a></dd>
					<dd><a href="#">短信重发方式</a></dd>
				</dl>
				<dl>
					<dt>常见问题</dt>
					<dd><a href="#">是否支持退换票</a></dd>
					<dd><a href="#">填错手机号怎么办</a></dd>
					<!-- <dl><a href="#"></a></dl> -->
				</dl>
				<dl>
					<dt>关于我们</dt>
					<dd><a href="#">张国彬</a></dd>
					<dd><a href="#">陈晓霞</a></dd>
					<dd><a href="#">黄家健</a></dd>
					<dd><a href="#">黄宝多</a></dd>
				</dl>
			</div>
			<div class="foot-bottom">
				<p>@ 2016 数据库课程设计 张国彬小组所有</p>
			</div>
		</div>
	</footer>
	<script src="../../../public/js/jquery-1.9.1.min.js"></script>
	<script src="../../../public/js/bootstrap.min.js"></script>
	<script src="../../../public/js/filmModel.js"></script>

<script src="../../../public/js/calendar.js"></script>
	<script src="../../../public/js/home.js"></script>
</body>
</html>